html,
body {
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    PingFang SC,
    Hiragino Sans GB,
    Microsoft YaHei,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background-color: var(--vas-main-bg);
}
body {
  display: flex;
  flex-direction: column;
}

body {
  // 滚动条整体宽度
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }

  // 滚动条轨道背景
  ::-webkit-scrollbar-track {
    background-color: var(--vas-scrollbar-track);
  }

  // 滚动条滑块
  ::-webkit-scrollbar-thumb {
    background-color: var(--vas-scrollbar-thumb);
    border-radius: 5px;
  }

  // 滑块悬停效果
  ::-webkit-scrollbar-thumb:hover {
    background-color: var(--vas-scrollbar-thumb-hover);
  }

  // 滚动条角落（轨道交叉处）
  ::-webkit-scrollbar-corner {
    background-color: transparent;
  }
}

// ----- 区域 container -----

// 响应式核心区域
.page-container,
.page-inner-container > * {
  position: relative;
  width: 100%;
  margin: 0 auto;

  // 响应式最大宽度
  @media (min-width: 576px) {
    max-width: 540px;
  }
  @media (min-width: 768px) {
    max-width: 720px;
  }
  @media (min-width: 992px) {
    max-width: 960px;
  }
  @media (min-width: 1200px) {
    max-width: 1200px;
  }
  @media (min-width: 1400px) {
    max-width: 1400px;
  }
}

// ----- 兼容调整 fixed -----

// 解决 ios safari 中 100vh 不适配问题
.h-100vh {
  height: calc(var(--vh, 1vh) * 100);
}

// 解决 a-button 中图标错位问题
.ant-btn {
  .anticon {
    display: inline-flex;
  }
}

// tabs 菜单不可选中
.n-tabs-nav {
  user-select: none;
}

// ant-design-x-vue 样式重置

.ant-bubble .ant-bubble-content.ant-bubble-content-borderless {
  min-height: auto;
  width: 100%;
}

// ----- 动画效果 -----

@keyframes fadeInOut {
  0%,
  100% {
    opacity: 0;
  }
  25%,
  75% {
    opacity: 1;
  }
}

@import url(./theme.scss);
@import url(./chat.scss);
